<div ng-include="'tpl/access/sign_header.html'"></div>
<div class="bg-white panel-body panel-body" >
    <div class="container">
        <!-- 进度条头部 -->
        <div class="text-center m-b-sm">
            <div class="inline">
                <div class="app-process-container app-process-active">
                    <div class="app-process-text">1:基本信息</div>
                    <div class="app-process-next-tri"></div>
                </div>
                <div class="app-process-container app-process-active">
                    <div class="app-process-prev-tri"></div>
                    <div class="app-process-text">2:入驻商户类型</div>
                    <div class="app-process-next-tri"></div>
                </div>
                <div class="app-process-container">
                    <div class="app-process-prev-tri"></div>
                    <div class="app-process-text">3:选择套餐</div>
                    <div class="app-process-next-tri"></div>
                </div>
            </div>
        </div>


        <!--信息内容-->
        <div class="panel-body text-center" ng-controller="registerShopCtrl">
            <form class="form-validation" name="shopInfo" ng-submit="registerShopAdd()">
                <div class="text-center panel-body pos-rlt">
                    <div class="panel-body ">
                        <!--店铺名称 -->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">店铺名称</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control m-b-sm" ng-model="shop.name" name="shopName" placeholder="请输入店铺名称" required>
                                <div ng-if="shopInfo.shopName.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.shopName.$error.required">请填写店铺名称</label>
                                </div>
                            </div>
                        </div>

                        <!--联系人电话-->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">联系人电话</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control m-b-sm" name="phones" ng-model="shop.mobilePhone" ng-pattern="/^1[34578]\d{9}$/" placeholder="请输入店铺联系人电话" required>
                                <div id="error" ng-if="shopInfo.phones.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.phones.$error.required">请填写手机号</label>
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.phones.$error.pattern">请填写正确的手机号</label>
                                </div>
                            </div>
                        </div>

                        <!--联系人名称-->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">联系人名称</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control m-b-sm" ng-model="shop.linkman" name="name" placeholder="请输入店铺联系人名称" required>
                                <div ng-if="shopInfo.name.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.name.$error.required">请填写店铺联系人</label>
                                </div>
                            </div>
                        </div>

                        <!-- 选择行业-->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">选择行业</label>
                            <div class="col-sm-4">
                                <select class="input-sm form-control m-b-sm" ng-model="shop.industryId" name="industry" ng-options="item.id as item.fullName for item in industry" required>
                                    <option value="">请选择分类</option>
                                </select>
                                <div ng-if="shopInfo.industry.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.industry.$error.required">请选择分类</label>
                                </div>
                            </div>
                        </div>


                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">店铺让利值</label>
                            <div class="col-sm-4">
                                <div class="input-group m-b-xs">
                                    <input type="text" class="form-control" name="profit" placeholder="请输入店铺让利值 例如 10"  ng-model="shop.profit" ng-pattern="/^(5|6|7|8|9|100|\d{2})(\.[\d]{1,2})?$/" required>
                                    <span class="input-group-addon">%</span>
                                </div>
                                <div ng-if="shopInfo.profit.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h" ng-if="shopInfo.profit.$error.pattern">必须输入范围值:5 - 100 之间</label>
                                    <label class="pull-left text-left text-danger h6 l-h" ng-if="shopInfo.profit.$error.required">单价是必需的</label>
                                </div>
                            </div>
                        </div>

                        <!--归属地-->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">店铺归属地区</label>
                            <div class="col-sm-4">
                                <div class="w-full text-left">
                                    <div class="w-full btn-group dropdown m-b-sm">
                                        <div ng-click="findProvinces(0,0)" name="address" class="w-full text-left form-control dropdown-toggle">
                                            {{selectProvice}}/{{selectTown}}/{{selectCounty}}
                                        </div>
                                    </div>
                                    <tabset class="tab-container register-address-container h6 bg-white" ng-if="showState">
                                        <tab heading="省" active="steps.step1">
                                            <div class="padder-md padder-v row" >
                                                <div class="col-md-4 m-b-xs text-center" ng-repeat="item in provinces">
                                                    <div class="btn btn-sm h6" ng-click="findTown(1,item)">{{item.name}}</div>
                                                </div>
                                            </div>
                                        </tab>
                                        <tab heading="市" active="steps.step2">
                                            <div class="padder-md padder-v row" >
                                                <div class="col-md-4 m-b-xs text-center" ng-repeat="item in towns">
                                                    <div class="btn btn-sm h6" ng-click="findCounty(2,item)">{{item.name}}</div>
                                                </div>
                                                <div class="panel-body h6" ng-if="towns.length<=0">
                                                    - 请先选择省级 -
                                                </div>
                                            </div>
                                        </tab>
                                        <tab heading="区" active="steps.step3">
                                            <div class="padder-md padder-v row" >
                                                <div class="col-md-4 m-b-xs text-center" ng-repeat="item in countys">
                                                    <div class="btn btn-sm h6" ng-click="CountyHide(item)">{{item.name}}</div>
                                                </div>
                                                <div class="panel-body h6" ng-if="countys.length<=0">
                                                    - 请先选择市级 -
                                                </div>
                                            </div>
                                        </tab>
                                    </tabset>
                                    <div>
                                        <span class="block text-danger h6" ng-if="!showState && currentState==0">*请先选择省</span>
                                        <span class="block text-danger h6" ng-if="!showState && currentState==1">*请先选择市</span>
                                        <span class="block text-danger h6" ng-if="!showState && currentState==2">*请先选择区</span>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="re-bar-info">
                        <div class="re-bar-item">
                            <div class="bar-top-o-dot"></div>
                            <div class="title-link">
                                <div class="title-link-box"></div>
                            </div>
                        </div>
                        <div class="re-bar-item">
                            <div class="bar-o-dot"></div>
                            <div class="bar-o-btn">
                                <div class="bar-o-btn-bar"></div>
                                <div class="bar-o-btn-tri"></div>
                            </div>
                            <div class="title-link">
                                <div class="title-link-box">
                                    <span class="block m-b-xs">1.店铺基本信息(必填)</span>
                                    <ul class="block m-n m-l-xs no-padder">
                                        <li class="block text-muted h6 m-b-xs">1:基本信息</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="re-bar-item">
                            <div class="bar-o-dot"></div>
                            <div class="bar-o-btn">
                                <div class="bar-o-btn-bar"></div>
                                <div class="bar-o-btn-tri"></div>
                            </div>
                            <div class="title-link">
                                <div class="title-link-box">
                                    <span class="block m-b-xs">2.店铺归属地区信息(必选)</span>
                                    <ul class="block m-n m-l-xs no-padder">
                                        <li class="block text-muted h6 m-b-xs">1:选择归属地址</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="re-bar-item">
                            <div class="bar-bm-o-dot"></div>
                        </div>
                    </div>
                </div>
                <div class="text-center ">
                    <div class="inline" ng-if="!addState">
                        <button type="submit" class="btn btn-success" ng-disabled="shopInfo.$invalid || currentState != 3">下一步</button>
                    </div>
                    <div class="inline" ng-if="addState">
                        <button class="btn btn-success" disabled="disabled">生成中...</button>
                    </div>
                </div>
            </form>
        </div>



    </div>
</div>
<div ng-include="'tpl/access/sign_footer.html'"></div>
